<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="lib/mui/css/mui.min.css"/>
    <link rel="stylesheet" href="css/Style.css">
    <script src="lib/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="lib/mui/js/mui.min.js"></script>
    <script src="js/Common.js"></script>
    <script src="js/AppIndex.js"></script>
    <title>首页</title>
</head>

<body>

<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item mui-active" href="#tabbar">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-search"></span>
        <span class="mui-tab-label">企业列表</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-contact">
        <span class="mui-icon mui-icon-person"></span>
        <span class="mui-tab-label">个人人中心</span>
    </a>
</nav>


<div class="mui-content">
    <div id="tabbar" class="mui-control-content mui-active">
        <div class="header_title_DIV">
            <img class="header_title_img" src="img/home_head_logo.png">
        </div>
        <div class="marquee_row_div">
            <img class="marquee_row_div_img" src="img/icon_notifications.png"/>
            <marquee class="marquee_row_div_text" direction="left">
                欢迎您登陆古县食药监信息化监管平台！累计访问<span>1234</span>人次
            </marquee>
        </div>
        <div id="slider" class="mui-slider">
            <div class="mui-slider-group mui-slider-loop">
                <!--支持循环，需要重复图片节点-->
                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img
                        src="img/home_banner04.png"/></a></div>
                <div class="mui-slider-item"><a href="#"><img
                        src="img/home_banner01.png"/></a></div>
                <div class="mui-slider-item"><a href="#"><img
                        src="img/home_banner02.png"/></a></div>
                <div class="mui-slider-item"><a href="#"><img
                        src="img/home_banner03.png"/></a></div>
                <div class="mui-slider-item"><a href="#"><img
                        src="img/home_banner04.png"/></a></div>
                <!--支持循环，需要重复图片节点-->
                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img
                        src="img/home_banner01.png"/></a></div>
            </div>
            <div class="mui-slider-indicator">
                <div class="mui-indicator mui-active"></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>
            </div>
        </div>
        <div class="mui_table_grid">
            <ul class="mui-table-view mui-grid-view mui-grid-9">
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 ">
                    <a href="#">
                        <img class="home_img" src="img/home_img01.png">
                        <div class="mui-media-body">食安查询</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="#">
                        <img class="home_img" src="img/home_img02.png">
                        <div class="mui-media-body">药品查询</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle03">
                        <img class="home_img" src="img/home_img03.png">
                        <div class="mui-media-body">从业人员</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle04">
                        <img class="home_img" src="img/home_img04.png">
                        <div class="mui-media-body">曝光公示</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle05">
                        <img class="home_img" src="img/home_img05.png">
                        <div class="mui-media-body">宴席备报</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle06">
                        <img class="home_img" src="img/home_img06.png">
                        <div class="mui-media-body">备案管理</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="#">
                        <img class="home_img" src="img/home_img07.png">
                        <div class="mui-media-body">执法定位</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="#">
                        <img class="home_img" src="img/home_img08.png">
                        <div class="mui-media-body">附近企业</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle09">
                        <img class="home_img" src="img/home_img09.png">
                        <div class="mui-media-body">日常监管</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle10">
                        <img class="home_img" src="img/home_img10.png">
                        <div class="mui-media-body">快检管理</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle11">
                        <img class="home_img" src="img/home_img11.png">
                        <div class="mui-media-body">视频监控</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle12">
                        <img class="home_img" src="img/home_img12.png">
                        <div class="mui-media-body">行政监察</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle13">
                        <img class="home_img" src="img/home_img13.png">
                        <div class="mui-media-body">统计分析</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="html/SecondPage.html?type=homeTitle14">
                        <img class="home_img" src="img/home_img14.png">
                        <div class="mui-media-body">电子政务</div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
                    <a href="#">
                        <img class="home_img" src="img/home_img15.png">
                        <div class="mui-media-body">数据同步</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="tabbar-with-chat" class="mui-control-content">
        <header class="mui-bar mui-bar-nav title_header">
            <h1 class="mui-title">企业查询</h1>
        </header>
        <div class="content_search_div">
            <div class="search_input_div">
                <input type="search" placeholder="请输入企业名称">
            </div>

            <div class="search_text_div">
                <span> 搜索</span>
                <span class="mui-icon mui-icon-search"></span>
            </div>
        </div>

        <div class="screen_title_div">
            <div>
                <span>所属区域</span>
                <span class="mui-icon mui-icon-arrowdown"></span>
            </div>
            <div>
                <span>行业类型</span>
                <span class="mui-icon mui-icon-arrowdown"></span>
            </div>
            <div>
                <span>证件状态</span>
                <span class="mui-icon mui-icon-arrowdown"></span>
            </div>
        </div>
    </div>
    <div id="tabbar-with-contact" class="mui-control-content">
        <a href="html/LoginPage.html">
            <span>   第三页</span>
        </a>
    </div>

</div>


</body>

</html>